@import "theme";
/*----------------------------------
            tables
----------------------------------*/
table {
  border-collapse: collapse;
  position: relative;
  width: 100%;

  th {
    white-space: nowrap;
    font-weight: 500;
  }
}
.table-bordered {
  td:before, th:before, td:after, th:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
  }

  td:before, th:before {
    left: 0;
    height: 1px;
    border-bottom: .5px solid #C7C7C7;
    transform-origin: 0 100%;
    transform: scaleY(0.5);
  }

  td:after, th:after {
    top: 0;
    width: 1px;
    border-right: .5px solid #C7C7C7;
    transform-origin: 100% 0;
    transform: scaleX(0.5);
  }
}
.table-padded {
  th, td {
    padding: .45rem .25rem;
  }
}
.table-striped {
  thead { background: $color-red-light }
  tbody {
    color: $color-secondary;
    tr:nth-child(odd) {background: #fff}
    tr:nth-child(even) {background: $color-red-light}
  }
  td, th {
    position: relative;
    border-bottom: 0;
    border-right: 0;
    text-align: center;
  }
}
$table-ball-height: 1.5rem;
.table-balls {
  line-height: 2;
  b {
    display: inline-block;
    line-height: $table-ball-height;
    height: $table-ball-height;
    width: $table-ball-height;
  }
  .ball { font-size: 1rem }
}
